import React, { TextareaHTMLAttributes } from 'react';

interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
  // 可以添加任何自定义属性
}

export const Textarea: React.FC<TextareaProps> = ({ className, ...props }) => {
  return (
    <textarea
      className={`
        min-h-[80px]
        w-full
        rounded-md
        border
        border-gray-300
        bg-transparent
        px-3
        py-2
        text-sm
        ring-offset-white
        placeholder:text-gray-500
        focus-visible:outline-none
        focus-visible:ring-2
        focus-visible:ring-gray-950
        focus-visible:ring-offset-2
        disabled:cursor-not-allowed
        disabled:opacity-50
        ${className}
      `}
      {...props}
    />
  );
};
